<div class="table-wrapper scrollbar">
  <table data-alignment="top">
    <thead>
      <tr>
        <th>Tool</th>
        <th>CLI</th>
        <th>CI</th>
        <th>Summary</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Lighthouse</td>
        <td>✔</td>
        <td>✘</td>
        <td>
          <ul>
            <li>
              Budgets for different types of resources based on their size or
              count
            </li>
          </ul>
        </td>
      </tr>
      <tr>
        <td>webpack</td>
        <td>✔</td>
        <td>✘</td>
        <td>
          <ul>
            <li>Budgets based on sizes of assets generated by webpack</li>
            <li>Checks uncompressed sizes</li>
          </ul>
        </td>
      </tr>
      <tr>
        <td>bundlesize</td>
        <td>✔</td>
        <td>✔</td>
        <td>
          <ul>
            <li>Budgets based on sizes of specific resources</li>
            <li>Checks compressed or uncompressed sizes</li>
          </ul>
        </td>
      </tr>
    </tbody>
  </table>
</div>
